<include file="public@header">
<body>
    <link rel="stylesheet" href="__STATIC__/hybit/css/swiper.min.css">
    <style>
        .zchead{
            padding: 0 0.35rem;
            height: 3.5rem;
            box-sizing: border-box;
            padding-top: 0.4rem;
        }
        .zchead p{
            color: #edbe3a;
        }
        .indexmidtitle{
            position: relative;
        }
        .indexmidtitle img{
            position: absolute;
            right: 0;
            bottom: -0.5rem;
            object-fit: contain;
        }
        .zcswiper{
/*            height: 2.2rem;*/
            width: 100%;
            margin-top: -2rem;
            padding:0 0.4rem;
        }
        .zcinf{
            margin-top: 0;
            margin: 0;
            /*width: 80%;*/
        }
        .zcswiper .swiper-slide{
            width: 6rem;
        }
    </style>
    <div class="bgbg headhead">
        <div class="zchead">
            <p class="indexmidtitle">{:lang('Total Assets')}（USDT） <img src="__STATIC__/hybit/images/look2.png" data-type="look" onclick="is_password(this)" alt=""><img src="__STATIC__/hybit/images/nolook2.png" style="display: none;" onclick="is_password(this)" data-type="nolook" alt=""></p>
           <p class="indexmidp indexmidp1"><span>{:floatval($user.balance+$user.frozen_balance)}</span> ≈ ￥{:round(floatval($user.balance+$user.frozen_balance)*get_usdt(),2)}</p>
           <p class="indexmidp indexmidp2" style="display: none;">**** ≈￥ **** </p>
        </div>
        <div class="swiper-container zcswiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="zcinf">
                        <p class="zcinfp1">{:lang('Non Margin Account')}(USDT)</p>
                        <p class="zcinfp2">{:floatval($user.balance+$user.frozen_balance)}</p>
                        <p class="zcinfp3">≈￥{:round(floatval($user.balance+$user.frozen_balance)*get_usdt(),2)}</p>
<!--
                        <div class="zcbtnall">
                            <a href="{:url('user/zichan/chongzhi')}">
                                <img src="__STATIC__/hybit/images/index_money_d.png" alt="">
                                <p>{:lang('Charge')}</p>
                            </a>
                            <a href="{:url('user/zichan/tixian')}">
                                <img src="__STATIC__/hybit/images/index_money_u.png" alt="">
                                <p>{:lang('Withdraw')}</p>
                            </a>
                            <a href="{:url('user/zichan/huazhuan')}">
                                <img src="__STATIC__/hybit/images/qiehuan.png" alt="">
                                <p>{:lang('Transfer')}</p>
                            </a>
                           <div></div>
                        </div>
-->
                    </div>
                    <div class="indexmindiv" style="margin-top: 0.5rem">
                       <a href="/user/zichan/chongzhi.html">
                           <img src="/static/hybit/images/index_money_d.png" alt="">
                           <p>{:lang('Deposit')}</p>
                       </a>
                       <a href="/user/zichan/tixian.html">
                           <img src="/static/hybit/images/index_money_u.png" alt="">
                           <p>{:lang('Withdrawal')}</p>
                       </a>
                       <!-- <a href="{:url('user/zichan/record')}">
                           <img src="__STATIC__/hybit/images/qiehuan.png" alt="">
                           <p>{:lang('D/W history')}</p>
                       </a> -->
                       <a href="{:url('user/zichan/huazhuan')}">
                           <img src="__STATIC__/hybit/images/qiehuan.png" alt="">
                           <p>{:lang('Transfer')}</p>
                       </a>
                   </div>
                </div>
                <div class="swiper-slide">
                    <div class="zcinf">
                        <p class="zcinfp1">{:lang('Margin Account')}(USDT)</p>
                        <p class="zcinfp2">0</p>
                        <p class="zcinfp3">≈￥0</p>
<!--
                        <div class="zcbtnall">
                            <a href="{:url('user/zichan/huazhuan')}">
                                <img src="__STATIC__/hybit/images/qiehuan1.png" alt="">
                                <p>{:lang('Transfer')}</p>
                            </a>
                        </div>
-->
                    </div>
                    <div class="indexmindiv" style="margin-top: 0.5rem">
<!--
                           <a href="/user/zichan/chongzhi.html">
                               <img src="/static/hybit/images/index_money_d.png" alt="">
                               <p>充币</p>
                           </a>
                           <a href="/user/zichan/tixian.html">
                               <img src="/static/hybit/images/index_money_u.png" alt="">
                               <p>提币</p>
                           </a>
-->
                           <a href="{:url('user/zichan/huazhuan')}">
                               <img src="__STATIC__/hybit/images/qiehuan.png" alt="">
                               <p>划转</p>
                           </a>
                       </div>
                </div>
            </div>
        </div>
        <div class="zz_div2">
<!--
            <div class="indexmindiv">
               <a href="/user/zichan/chongzhi.html">
                   <img src="/static/hybit/images/index_money_d.png" alt="">
                   <p>充币</p>
               </a>
               <a href="/user/zichan/tixian.html">
                   <img src="/static/hybit/images/index_money_u.png" alt="">
                   <p>提币</p>
               </a>
               <a href="{:url('user/zichan/huazhuan')}">
                   <img src="__STATIC__/hybit/images/qiehuan.png" alt="">
                   <p>划转</p>
               </a>
           </div>
-->
            <div class="zcdiv">
                <div class="zcbzshow">
                    <h3>USDT</h3>
                    <div class="zcbzshow1">
                        <div><h3>{:lang('All')}</h3><p>{:floatval($user.balance)}</p></div>
                        <div><h3>{:lang('Freeze')}</h3><p>{:floatval($user.frozen_balance)}</p></div>
                        <div><h3>{:lang('Convert')}(CNY)</h3><p>≈{:round(floatval($user.balance+$user.frozen_balance)*get_usdt(),2)}</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <script src="__STATIC__/hybit/js/jquery.min.js"></script>
    <script src="__STATIC__/hybit/js/swiper.min.js"></script>
    <script>
        function is_password(obj){
            let $this = $(obj);
            let type = $this.attr('data-type');
            if(type == 'look'){
                $this.siblings('img').show();
                $this.hide();
                $('.indexmidp1').hide();
                $('.indexmidp2').show();
            }else{
                $this.siblings('img').show();
                $this.hide();
                $('.indexmidp1').show();
                $('.indexmidp2').hide();
            }
        }

        var mySwiper = new Swiper ('.zcswiper', {
            slidesPerView: 'auto',
            spaceBetween: 10,
//            on: {
//                slideChangeTransitionEnd: function(){
//                  console.log(this.realIndex);//切换结束时，告诉我现在是第几个slide
//                },
//              },
        })
    </script>
</body>
</html>